<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" lang="zh-CN">

    <head>
        <meta charset="utf-8" />
        <title></title>
        <link rel="stylesheet" type="text/css" href="css/global.css" />
        <link rel="stylesheet" type="text/css" href="css/gla.css" />
    </head>

    <body>
        <div id="frameHeader" class="frame-head">
            <div class="frame-logo">
                <a class="frame-logo-main" href="#">
                    <img src="images/logo_s.png" alt="蓝桥" />
                </a>
                <p class="frame-logo-sub">蓝桥</p>
            </div>
            <div class="frame-topbar">
				<ul class="frame-tools">
					<li>
						<p>欢迎: aaa</p>
					</li>
					<li>
						<a href="#">退出</a>
					</li>
				</ul>
            </div>
        </div>
        <div id="frameBody" class="frame-body">
            <div class="frame-menu">
                <a id="toggleMenuBtn" class="frame-menu-console iconfont icon-3line-x" href="javascript:;"></a>
                <div class="frame-menu-wrapper">
                    <dl class="frame-menu-item">
                        <dt class="frame-menu-mod">
							<a href="javascript:;">
								<div class="menu-icon iconfont icon-caret"></div>
								<p class="menu-text">通用设置</p>
							</a>
						</dt>
                        <dd class="frame-menu-sub">
                            <a href="#">
                                <div class="menu-icon iconfont icon-members"></div>
                                <p class="menu-text">用户</p>
                            </a>
                        </dd>
                        <dd class="frame-menu-sub frame-menu-active">
                            <a href="#">
                                <div class="menu-icon iconfont icon-shop"></div>
                                <p class="menu-text">企业</p>
                            </a>
                        </dd>
                        <dd class="frame-menu-sub">
                            <a href="#">
                                <div class="menu-icon iconfont icon-reviewing"></div>
                                <p class="menu-text">商家</p>
                            </a>
                        </dd>
                        <dd class="frame-menu-sub">
                            <a href="#">
                                <div class="menu-icon iconfont icon-members"></div>
                                <p class="menu-text">信息</p>
                            </a>
                        </dd>
                        <dd class="frame-menu-sub">
                            <a href="#">
                                <div class="menu-icon iconfont icon-3line-x"></div>
                                <p class="menu-text">用户组</p>
                            </a>
                        </dd>
                        <dd class="frame-menu-sub">
                            <a href="#">
                                <div class="menu-icon iconfont icon-3line-x"></div>
                                <p class="menu-text">财务</p>
                            </a>
                        </dd>
                    </dl>
                    <dl class="frame-menu-item">
                        <dt class="frame-menu-mod">
							<a href="javascript:;">
								<div class="menu-icon iconfont icon-caret"></div>
								<p class="menu-text">信用卡</p>
							</a>
						</dt>
                        <dd class="frame-menu-sub">
                            <a href="#">
                                <div class="menu-icon iconfont icon-members"></div>
                                <p class="menu-text">分期</p>
                            </a>
                        </dd>
                        <dd class="frame-menu-sub">
                            <a href="#">
                                <div class="menu-icon iconfont icon-reviewing"></div>
                                <p class="menu-text">账单</p>
                            </a>
                        </dd>
                        <dd class="frame-menu-sub">
                            <a href="#">
                                <div class="menu-icon iconfont icon-3line-x"></div>
                                <p class="menu-text">授权</p>
                            </a>
                        </dd>
                    </dl>
                </div>
            </div>
            <div class="frame-wrapper">
                <div class="frame-msub" id="frameMsub">
                    <a class="frame-msub-toggle" id="frameMsubToggle" href="javascript:;">
                        <span class="iconfont icon-3line-x"></span>
                    </a>
                    <div class="frame-msub-hd">
                        <h4 class="msub-title"><span class="iconfont icon-setting"></span>商户管理</h4>
                    </div>
                    <div class="frame-msub-bd">
                        <ul class="frame-msub-items">
                            <li>
                                <a href="#"><span class="iconfont icon-parameter"></span>商家列表</a>
                            </li>
                            <li class="msub-current">
                                <a href="#"><span class="iconfont icon-liuliang"></span>商家表</a>
                            </li>
                            <li>
                                <a href="#"><span class="iconfont icon-payitem"></span>商家列表列表列表</a>
                            </li>
                            <li>
                                <a href="#"><span class="iconfont icon-account"></span>商家列表(11)</a>
                            </li>
                            <li>
                                <a href="#"><span class="iconfont icon-advert"></span>水电费是否收到</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="frame-page">
                    <div class="frame-main">
                        <div class="frame-main-hd">
                            <h3 class="frame-title">用户列表</h3>
                        </div>
                        <div class="frame-main-bd">
                            <ul class="glb-search">
                                <li>
                                    <dl class="glb-selector" data-max="3">
                                        <dt>状态:</dt>
                                        <dd>
                                            <a class="option" href="javascript:;">
                                                <h6>状态1</h6>
                                                <input class="form-cb" type="checkbox" name="" value="" />
                                            </a>
                                        </dd>
                                        <dd class="on">
                                            <a class="option" href="javascript:;">
                                                <h6>状态1</h6>
                                                <input class="form-cb" type="checkbox" name="" value="" />
                                            </a>
                                        </dd>
                                        <dd>
                                            <a class="option" href="javascript:;">
                                                <h6>状态1</h6>
                                                <input class="form-cb" type="checkbox" name="" value="" />
                                            </a>
                                        </dd>
                                        <dd>
                                            <a class="option" href="javascript:;">
                                                <h6>状态1</h6>
                                                <input class="form-cb" type="checkbox" name="" value="" />
                                            </a>
                                        </dd>
                                        <dd>
                                            <a class="option" href="javascript:;">
                                                <h6>状态1</h6>
                                                <input class="form-cb" type="checkbox" name="" value="" />
                                            </a>
                                        </dd>
                                        <dd>
                                            <a class="option" href="javascript:;">
                                                <h6>状态1</h6>
                                                <input class="form-cb" type="checkbox" name="" value="" />
                                            </a>
                                        </dd>
                                        <dd>
                                            <a class="option" href="javascript:;">
                                                <h6>状态1</h6>
                                                <input class="form-cb" type="checkbox" name="" value="" />
                                            </a>
                                        </dd>
                                        <dd>
                                            <a class="option" href="javascript:;">
                                                <h6>状态1</h6>
                                                <input class="form-cb" type="checkbox" name="" value="" />
                                            </a>
                                        </dd>
                                    </dl>
                                </li>
                            </ul>

                            <ul class="glb-pitems">
                                <li class="glb-col-p50">
                                    <div class="pitem-main">
                                        <div class="pitem-picbar glb-preview">
                                            <img src="images/pic/p1.png" alt="" />
                                            <h6 class="pitem-label pitem-label-bottom">你好吗大街上考虑对方</h6>
                                            <span class="pitem-label pitem-label-left">5图</span>
                                            <span class="pitem-label pitem-label-right">鞋帽商品</span>
                                        </div>
                                        <div class="pitem-infobar">
                                            <div class="pitem-info-hd">
                                                <h3 class="pitem-title">大标题</h3>
                                                <span class="pitem-subtxt">小标题</span>
                                                <span class="pitem-badge">什么分类</span>
                                            </div>
                                            <p class="pitem-desc">定了反抗军绿色定了反抗军绿色定了反抗军绿色</p>
                                            <div class="pitem-props">
                                                <p class="pitem-pp">
                                                    <span class="pitem-lb">价格:</span>
                                                    <span class="glb-text-delete">399.00</span>
                                                    <span class="glb-text-h4 glb-text-price">399.00</span>
                                                </p>
                                                <p class="pitem-pp">
                                                    <span class="pitem-lb">发货地:</span>北京市
                                                </p>
                                            </div>
                                            <table class="pitem-table">
                                                <tr>
                                                    <th>属性1</th>
                                                    <th>属性2</th>
                                                    <th>属性3</th>
                                                    <th>属性4</th>
                                                    <th>属性5</th>
                                                </tr>
                                                <tr>
                                                    <td>1</td>
                                                    <td>42</td>
                                                    <td>无</td>
                                                    <td>已设置</td>
                                                    <td>订单</td>
                                                </tr>
                                            </table>
                                            <div class="pitem-action">
                                                <a href="javascript:;" class="pitem-btn">
                                                    <span class="pbtn-ico iconfont icon-add"></span>
                                                    <span class="pbtn-txt">已收款</span>
                                                </a>
                                                <a href="javascript:;" class="pitem-btn">
                                                    <span class="pbtn-ico iconfont icon-captcha"></span>
                                                    <span class="pbtn-txt">设置爱</span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li class="glb-col-p50">
                                    <div class="pitem-main">
                                        <div class="pitem-picbar glb-preview">
                                            <img src="images/pic/p1.png" alt="" />
                                            <h6 class="pitem-label pitem-label-bottom">你好吗大街上考虑对方</h6>
                                            <span class="pitem-label pitem-label-left">5图</span>
                                            <span class="pitem-label pitem-label-right">鞋帽商品</span>
                                        </div>
                                        <div class="pitem-infobar">
                                            <div class="pitem-info-hd">
                                                <h3 class="pitem-title">大标题</h3>
                                                <span class="pitem-subtxt">小标题</span>
                                                <span class="pitem-badge">什么分类</span>
                                            </div>
                                            <p class="pitem-desc">定了反抗军绿色定了反抗军绿色定了反抗军绿色</p>
                                            <div class="pitem-props">
                                                <p class="pitem-pp">
                                                    <span class="pitem-lb">价格:</span>
                                                    <span class="glb-text-delete">399.00</span>
                                                    <span class="glb-text-h4 glb-text-price">399.00</span>
                                                </p>
                                                <p class="pitem-pp">
                                                    <span class="pitem-lb">发货地:</span>北京市
                                                </p>
                                            </div>
                                            <table class="pitem-table">
                                                <tr>
                                                    <th>属性1</th>
                                                    <th>属性2</th>
                                                    <th>属性3</th>
                                                    <th>属性4</th>
                                                    <th>属性5</th>
                                                </tr>
                                                <tr>
                                                    <td>1</td>
                                                    <td>42</td>
                                                    <td>无</td>
                                                    <td>已设置</td>
                                                    <td>订单</td>
                                                </tr>
                                            </table>
                                            <div class="pitem-action">
                                                <a href="javascript:;" class="pitem-btn">
                                                    <span class="pbtn-ico iconfont icon-add"></span>
                                                    <span class="pbtn-txt">已收款</span>
                                                </a>
                                                <a href="javascript:;" class="pitem-btn">
                                                    <span class="pbtn-ico iconfont icon-captcha"></span>
                                                    <span class="pbtn-txt">设置爱</span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li class="glb-col-p50">
                                    <div class="pitem-main">
                                        <div class="pitem-picbar glb-preview">
                                            <img src="images/pic/p1.png" alt="" />
                                            <h6 class="pitem-label pitem-label-bottom">你好吗大街上考虑对方</h6>
                                            <span class="pitem-label pitem-label-left">5图</span>
                                            <span class="pitem-label pitem-label-right">鞋帽商品</span>
                                        </div>
                                        <div class="pitem-infobar">
                                            <div class="pitem-info-hd">
                                                <h3 class="pitem-title">大标题</h3>
                                                <span class="pitem-subtxt">小标题</span>
                                                <span class="pitem-badge">什么分类</span>
                                            </div>
                                            <p class="pitem-desc">定了反抗军绿色定了反抗军绿色定了反抗军绿色</p>
                                            <div class="pitem-props">
                                                <p class="pitem-pp">
                                                    <span class="pitem-lb">价格:</span>
                                                    <span class="glb-text-delete">399.00</span>
                                                    <span class="glb-text-h4 glb-text-price">399.00</span>
                                                </p>
                                                <p class="pitem-pp">
                                                    <span class="pitem-lb">发货地:</span>北京市
                                                </p>
                                            </div>
                                            <table class="pitem-table">
                                                <tr>
                                                    <th>属性1</th>
                                                    <th>属性2</th>
                                                    <th>属性3</th>
                                                    <th>属性4</th>
                                                    <th>属性5</th>
                                                </tr>
                                                <tr>
                                                    <td>1</td>
                                                    <td>42</td>
                                                    <td>无</td>
                                                    <td>已设置</td>
                                                    <td>订单</td>
                                                </tr>
                                            </table>
                                            <div class="pitem-action">
                                                <a href="javascript:;" class="pitem-btn">
                                                    <span class="pbtn-ico iconfont icon-add"></span>
                                                    <span class="pbtn-txt">已收款</span>
                                                </a>
                                                <a href="javascript:;" class="pitem-btn">
                                                    <span class="pbtn-ico iconfont icon-captcha"></span>
                                                    <span class="pbtn-txt">设置爱</span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li class="glb-col-p50">
                                    <div class="pitem-main">
                                        <div class="pitem-picbar glb-preview">
                                            <img src="images/pic/p1.png" alt="" />
                                            <h6 class="pitem-label pitem-label-bottom">你好吗大街上考虑对方</h6>
                                            <span class="pitem-label pitem-label-left">5图</span>
                                            <span class="pitem-label pitem-label-right">鞋帽商品</span>
                                        </div>
                                        <div class="pitem-infobar">
                                            <div class="pitem-info-hd">
                                                <h3 class="pitem-title">大标题</h3>
                                                <span class="pitem-subtxt">小标题</span>
                                                <span class="pitem-badge">什么分类</span>
                                            </div>
                                            <p class="pitem-desc">定了反抗军绿色定了反抗军绿色定了反抗军绿色</p>
                                            <div class="pitem-props">
                                                <p class="pitem-pp">
                                                    <span class="pitem-lb">价格:</span>
                                                    <span class="glb-text-delete">399.00</span>
                                                    <span class="glb-text-h4 glb-text-price">399.00</span>
                                                </p>
                                                <p class="pitem-pp">
                                                    <span class="pitem-lb">发货地:</span>北京市
                                                </p>
                                            </div>
                                            <table class="pitem-table">
                                                <tr>
                                                    <th>属性1</th>
                                                    <th>属性2</th>
                                                    <th>属性3</th>
                                                    <th>属性4</th>
                                                    <th>属性5</th>
                                                </tr>
                                                <tr>
                                                    <td>1</td>
                                                    <td>42</td>
                                                    <td>无</td>
                                                    <td>已设置</td>
                                                    <td>订单</td>
                                                </tr>
                                            </table>
                                            <div class="pitem-action">
                                                <a href="javascript:;" class="pitem-btn">
                                                    <span class="pbtn-ico iconfont icon-add"></span>
                                                    <span class="pbtn-txt">已收款</span>
                                                </a>
                                                <a href="javascript:;" class="pitem-btn">
                                                    <span class="pbtn-ico iconfont icon-captcha"></span>
                                                    <span class="pbtn-txt">设置爱</span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li class="glb-col-p50">
                                    <a href="#" class="pitem-main">
                                        <div class="pitem-picbar glb-preview">
                                            <img src="images/pic/p1.png" alt="" />
                                            <h6 class="pitem-label pitem-label-bottom">你好吗大街上考虑对方</h6>
                                            <span class="pitem-label pitem-label-left">5图</span>
                                            <span class="pitem-label pitem-label-right">鞋帽商品</span>
                                        </div>
                                        <div class="pitem-infobar">
                                            <div class="pitem-info-hd">
                                                <h3 class="pitem-title">死定了反抗军绿色的空间了</h3>
                                            </div>
                                            <p class="pitem-desc">定了反抗军绿色定了反抗军绿色定了反抗军绿色</p>
                                            <div class="pitem-props">
                                                <p class="pitem-pp">
                                                    <span class="pitem-lb">价格:</span>
                                                    <span class="glb-text-delete">399.00</span>
                                                    <span class="glb-text-h4 glb-text-price">399.00</span>
                                                </p>
                                                <p class="pitem-pp">
                                                    <span class="pitem-lb">发货地:</span>北京市
                                                </p>
                                            </div>
                                            <table class="pitem-table">
                                                <tr>
                                                    <th>属性1</th>
                                                    <th>属性2</th>
                                                    <th>属性3</th>
                                                    <th>属性4</th>
                                                    <th>属性5</th>
                                                </tr>
                                                <tr>
                                                    <td>1</td>
                                                    <td>42</td>
                                                    <td>无</td>
                                                    <td>已设置</td>
                                                    <td>订单</td>
                                                </tr>
                                            </table>
                                        </div>
                                    </a>
                                </li>
                                <li class="glb-col-p50">
                                    <a href="#" class="pitem-main">
                                        <div class="pitem-picbar glb-preview">
                                            <img src="images/pic/p1.png" alt="" />
                                            <h6 class="pitem-label pitem-label-bottom">你好吗大街上考虑对方</h6>
                                            <span class="pitem-label pitem-label-left">5图</span>
                                            <span class="pitem-label pitem-label-right">鞋帽商品</span>
                                        </div>
                                        <div class="pitem-infobar">
                                            <div class="pitem-info-hd">
                                                <h3 class="pitem-title">死定了反抗军绿色的空间了</h3>
                                            </div>
                                            <p class="pitem-desc">定了反抗军绿色定了反抗军绿色定了反抗军绿色</p>
                                            <div class="pitem-props">
                                                <p class="pitem-pp">
                                                    <span class="pitem-lb">价格:</span>
                                                    <span class="glb-text-delete">399.00</span>
                                                    <span class="glb-text-h4 glb-text-price">399.00</span>
                                                </p>
                                                <p class="pitem-pp">
                                                    <span class="pitem-lb">发货地:</span>北京市
                                                </p>
                                            </div>
                                            <table class="pitem-table">
                                                <tr>
                                                    <th>属性1</th>
                                                    <th>属性2</th>
                                                    <th>属性3</th>
                                                    <th>属性4</th>
                                                    <th>属性5</th>
                                                </tr>
                                                <tr>
                                                    <td>1</td>
                                                    <td>42</td>
                                                    <td>无</td>
                                                    <td>已设置</td>
                                                    <td>订单</td>
                                                </tr>
                                            </table>
                                        </div>
                                    </a>
                                </li>
                                <li class="glb-col-p50">
                                    <a href="#" class="pitem-main">
                                        <div class="pitem-picbar glb-preview">
                                            <img src="images/pic/p1.png" alt="" />
                                            <h6 class="pitem-label pitem-label-bottom">你好吗大街上考虑对方</h6>
                                            <span class="pitem-label pitem-label-left">5图</span>
                                            <span class="pitem-label pitem-label-right">鞋帽商品</span>
                                        </div>
                                        <div class="pitem-infobar">
                                            <div class="pitem-info-hd">
                                                <h3 class="pitem-title">死定了反抗军绿色的空间了</h3>
                                            </div>
                                            <p class="pitem-desc">定了反抗军绿色定了反抗军绿色定了反抗军绿色</p>
                                            <div class="pitem-props">
                                                <p class="pitem-pp">
                                                    <span class="pitem-lb">价格:</span>
                                                    <span class="glb-text-delete">399.00</span>
                                                    <span class="glb-text-h4 glb-text-price">399.00</span>
                                                </p>
                                                <p class="pitem-pp">
                                                    <span class="pitem-lb">发货地:</span>北京市
                                                </p>
                                            </div>
                                            <table class="pitem-table">
                                                <tr>
                                                    <th>属性1</th>
                                                    <th>属性2</th>
                                                    <th>属性3</th>
                                                    <th>属性4</th>
                                                    <th>属性5</th>
                                                </tr>
                                                <tr>
                                                    <td>1</td>
                                                    <td>42</td>
                                                    <td>无</td>
                                                    <td>已设置</td>
                                                    <td>订单</td>
                                                </tr>
                                            </table>
                                        </div>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </body>

    <script type="text/javascript" src="js/jquery.min.js" charset="utf-8"></script>
    <script type="text/javascript" src="js/global.js" charset="utf-8"></script>
    <script type="text/javascript" src="js/dialog.js" charset="utf-8"></script>
    <script type="text/javascript" src="js/validate.js" charset="utf-8"></script>
    <script type="text/javascript" src="js/gla.js" charset="utf-8"></script>
    <script type="text/javascript">
        $(function() {

            Frame.showSuccess();
            window.setTimeout(function() {
                Frame.showError();
            }, 1000)

            $("#showDialogBtn").click(function() {

                Dialogx.show({
                    _url: 'dialog.html',
                    _title: '请输入充值金额'
                });

            });

            $("#alertBtn").click(function() {

                Dialogx.confirm('这是一个提示框', function() {
                    console.log("woqu");
                });

            });

            // VALIDATE
            $("#demoForm").validate(rules);
        });

        // form validate rule
        var rules = {

            "name-a": {
                tip: "name-a的提示信息",
                rule: {
                    required: ["请输入name-a!"],
                    length: ["name-a长度为4-20位", "4-20"]
                }
            },

            "name-b": {
                tip: "请输入name-b!",
                rule: {
                    required: ["请输入name-b!"],
                    length: ["name-b至少为两个汉字!", "2-20"]
                }
            },

            "name-c": {
                tip: "请输入name-c",
                rule: {
                    required: ["请输入name-c!"],
                    regex: ["请输入正确的name-c!", "tel,mobile"]
                }
            }

        };
    </script>

</html>